$(function () {

    $('.back-top').on('click', function () {
        document.documentElement.scrollTop = document.body.scrollTop = 0;
    })

    $(window).on('scroll', function () {
        if (document.documentElement.scrollTop > 500) {
            $('.back-top').css('display', 'block');
        } else {
            $('.back-top').css('display', 'none');
        }
    })
})